<%-- 
    Document   : Mapa
    Created on : Apr 18, 2013, 1:21:25 AM
    Author     : Tadeu Augusto
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="js/jquery.js"></script>
        <script src="//maps.google.com/maps/api/js?sensor=false&amp;language=pt-BR"></script>
        <script src="js/gmap3.js"></script>
        <script src="js/infobox.js"></script>
        <script>
            $(function(){
                $('#googleMap').gmap3({
                    map:{
                        address: "Goiânia, GO",
                        options:{
                            draggable: true,
                            mapTypeControl: true,
                            mapTypeControlOptions: {
                                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                            },
                            mapTypeId: google.maps.MapTypeId.HYBRID,
                            scrollwheel: true,
                            panControl: true,
                            rotateControl: true,
                            scaleControl: true,
                            streetViewControl: true,
                            zoomControl: true,
                            zoom: 12,
                            maxZoom: 19,
                            minZoom: 10
                        }
                    },
                    marker: {
//                        values: [
//                            {
//                                latLng: [-16.703401,-49.278617]
//                            }
//                        ],
                        address: "CIAR - Centro Integrado de Aprendizagem em Rede, Goiânia, Goiás"
                    }
                });
            });
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Mapa</title>
    </head>
    <body>
        <div id="content">
            <div id="topLeft">
                <a href="#">
                   <img src="Imagens/Top_banner.png"></a>
            </div>
            <div id="navbar">
                <div id="navigation"><table>
                        <tr>
                            <td>
                                <a href="redireciona.jsp">
                                    <img src="Imagens/home.png">
                                    <span>Início</span>
                                </a>
                            </td>
                            <td>
                                <a href="mail">
                                    <img src="Imagens/contato.png">
                                    <span>Contato</span>
                                </a>
                            </td>
                            <td>
                                <a href="#">
                                    <img src="Imagens/perfil.png">
                                    <span>Perfil</span>
                                </a>
                            </td>
                            <td>
                                <a href="#">
                                    <img src="Imagens/busca.png">
                                    <span>Buscar</span>
                                </a>
                            </td>
                            <td>
                                <a href="#">
                                    <img src="Imagens/sair.png">
                                    <span>Sair</span>
                                </a>
                            </td>
                    </table>
                </div>
            </div>
            <div class="clear">
            </div>
            <div id="page">
                <div id="leftContent">
                    <h2 align="center">Navegação</h2>
                    <a target="_top" href="#">Cadastrar Evento</a>
                </div>
                <div id="mainContent">
                    <h2 align="center">Localização dos Eventos</h2>
                    <div id="googleMap" style="width:725px;height:430px; border: solid 1px #000000">
                    </div>
                </div>
                <div id="rightContent">
                    <h2 align="center">Recursos</h2>
                    <a target="_top" href="#">Meus Eventos</a>
                    <a target="_top" href="mapa">Mapa</a>
                </div>
                <div class="clear">
                </div>
                <div id="footer">
                    <span>Página em Desenvolvimento</span>
                    <br>
                    <span>UFG - Universidade Federal de Goiás</span>
                    <br>
                    <span>Sistemas de Informação</span>
                </div>
            </div>
        </div>
    </body>
</html>
